import { useId } from 'react';
import './App.css'
// useId给id绑定唯一值，不建议绑定key。不能通过id书写样式
const App = () => {
  return (
    <>
      <h1>App</h1>
      <A />
      <B />
    </>
  )
}

const A = () => {
  const id = useId();
  return (
    <>
      <label htmlFor={id + 'username'}>用户名：</label>
      <input type='text' id={id + 'username'} />
    </>
  )
}

const B = () => {
  const id = useId();
  console.log(id)
  return (
    <>
      <label htmlFor={id + 'username'}>用户名：</label>
      <input type='text' id={id + 'username'} />
    </>
  )
}

export default App;